<template>
    <section class="main">
        <v-title title="vue组件化"></v-title>
        <p>Hello,{{name}}</p>
		<img src="../../../static/img/cr2.jpg" alt=""><br>
		<span>my name is {{myName}}</span><br>
        <v-button v-on:click="handlerClick">点击按钮</v-button>
    </section>
</template>

<script>
import vTitle from './simpleTest/title.vue';
import vButton from './simpleTest/button.vue';
export default {
    components:{
        vTitle,
        vButton
    },
    methods:{
        handlerClick(e){
            console.log(e);
        }
    },
    data:function(){
        return {
			name:"Vue + Webpack",
            myName:"小牛牛"
        }
    }
}
</script>

<style>
html{
	font-size:12px;
}
#app{
	color:red;
}
.main>p{
    color: #000;
}
</style>